<template>
  <div class="right-block1">
    <div class="display-flex">
      <div class="box1">
        <date-view />
      </div>
      <div class="box1">
        <!--        <iframe id="fancybox-frame" name="fancybox-frame1592983187572" frameborder="0" height="36"  scrolling="no" hspace="0"  src="http://i.tianqi.com/index.php?c=code&a=getcode&id=35&h=55&w=200"></iframe>-->
        <!--        <iframe allowtransparency="true" frameborder="0" width="180" height="36" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=3&z=2&t=1&v=0&d=1&bd=0&k=&f=ffffff&ltf=009944&htf=cc0000&q=1&e=0&a=1&c=54511&w=180&h=36&align=left" />-->
        <div class="display-flex">
          <div class="box1 int text-center" style="padding-top: 10px">
            <span class="per">{{ monitoringData.wind }}/{{ monitoringData.wind }}m/s</span>
            <span><i class="iconfont icon-wind-speed-high" /><i class="txt">风速</i></span>
          </div>
          <div class="box1 int text-center" style="padding-top: 10px">
            <span class="per">{{ monitoringData.temp }}℃</span>
            <span><i class="iconfont icon-wendu1" /><i class="txt">温度</i></span>
          </div>
        </div>
      </div>
    </div>
    <div class="display-flex">
      <div class="box1 int text-center">
        <span class="per">{{ monitoringData.flammable_gas }}%</span>
        <span><i class="iconfont icon-CombinedShape" /><i class="txt">可燃气体</i></span>
      </div>
      <div class="box1 int text-center">
        <span class="per">{{ monitoringData.oxygen }}%</span>
        <span><i class="iconfont icon-CombinedShape1" /><i class="txt">氧气</i></span>
      </div>
      <div class="box1 int text-center">
        <span class="per">{{ monitoringData.humidity }}%</span>
        <span><i class="iconfont icon-Shape" /><i class="txt">湿度</i></span>
      </div>
    </div>
  </div>
</template>

<script>
import DateView from './date-view'
export default {
  name: 'DateShow',
  components: { DateView },
  props: {
    monitoringData: {
      type: Object
    }
  }
}
</script>

<style scoped>

</style>
